// 显示用户列表
function getList(){
    //写ajax
    //1.创建异步对象
    var xhr=new XMLHttpRequest();
    //4.接收响应数据，创建监听
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4&&xhr.status==200){
            var result=xhr.responseText;
            //得到的result是一个json格式的数据，要解析成object
            var arr=JSON.parse(result);
            // HTML结构
            //第一部分--表头
            var strHTML=`
            <table>
                <tr class="th">
                    <th>员工姓名</th>
                    <th>性别</th>
                    <th>出生日期</th>
                    <th>联系电话</th>
                    <th>部门</th>
                    <th>职位</th>
                    <th>薪资</th>
                    <th>入职时间</th>
                    <th>操作</th>
                </tr>
            `;
            //第二部分--主体
            for(var i=0;i<arr.length;i++){
                //对用户的性别做转化
                var gender='男';
                if(arr[i].gender==1){
                    gender="男";
                }else if(arr[i].gender==0){
                    gender="女";
                }
                //对用户部门做转化
                var dept='10';
                if(arr[i].deptId==10){
                    dept="项目部";
                }else if(arr[i].deptId==20){
                    dept="常规检测部";
                }else if(arr[i].deptId==30){
                    dept="专项检测部";
                }else{
                    dept="综合检测部";
                }
                //对出生日期做转化
                var birthday=arr[i].birthday.slice(0,10);
                //对入职时间做转化
                var entry_time=arr[i].entry_time.slice(0,10);
                strHTML+=`
                <tr  class="tr">
                    <td>${arr[i].sname}</td>
                    <td>${gender}</td>
                    <td>${birthday}</td>
                    <td>${arr[i].tel}</td>
                    <td>${dept}</td>
                    <td>${arr[i].position}</td>
                    <td>${arr[i].salary}</td>
                    <td>${entry_time}</td>
                    <td>
                    <a href="../update.html?sid=${arr[i].sid}">修改</a>
                    <a href="javascript:del(${arr[i].sid})">删除</a>
                    </td>
                </tr>
                `;
            }
            //第三部分--结束
            strHTML+=`</table>`;
            d1.innerHTML=strHTML;
        }
    }
    //2.创建请求，打开链接
    xhr.open('get',"/user/v1/userlist",true);
    //3.发送请求
    xhr.send();
}

//根据员工id删除员工
function del($sid){
    //写ajax
    //1.创建异步对象
    var xhr=new XMLHttpRequest();
    //4.接收响应数据，创建监听
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4&&xhr.status==200){
            var result=xhr.responseText;
            if(result==1){
                alert('删除成功！');
                getList();
                
                
            }else{
                alert('删除失败！');
            }
        }
    }
    //2.创建请求，打开链接
    xhr.open('delete','/user/v1/del/'+$sid,true);
    //3.发送请求
    xhr.send();
}